<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
<title>PIM - Personal Information Management System</title>
<!--the layout and text stylesheets-->
<link href="style/2_col_rounded.css" media="all" rel="stylesheet" />
<link href="style/text_n_colors.css" media="all" rel="stylesheet" />
<link href="style/tables.css" media="all" rel="stylesheet" />
<link href="style/drop_down_menus.css" media="all" rel="stylesheet" />
<link href="style/alternative.css" media="all" rel="stylesheet" />
<link href="style/home.css" media="all" rel="stylesheet" />
<script type="text/javascript"  src="script/prototype.js"></script>
<script type="text/javascript"  src="script/niftycube.js"></script>
<style type="text/css">
body {
    margin: 0;
    padding: 0;
    background: #1d1d1d;
    font-family: "Lucida Grande", Verdana, sans-serif;
    font-size: 100%;
}


#gtdbox {
    width:473x;
    overflow:hidden;
    filter:alpha(opacity=90);
    background-repeat: no-repeat;
    padding: 0px;
}
.tabcontent td{
    font-family: "Arial","Courier New", "Courier", "mono";
    font-size: 13px;
    line-height: 24px;
    padding:5px;
    overflow:auto;
}
.expire{
    font-family:"Courier New","Arial";
    font-size: 13px;
    color:red;
}
.ongoing{
    font-family:"Courier New","Arial";
    font-size: 13px;
    color:green;
}
.future{
    font-family:"Courier New","Arial";
    font-size: 13px;
    color:yellow;
}
.tabtitle{
    padding-left: 1em;
    font-family:"Courier New","Arial";
    text-align: left;
    font-size: 14px;
    background-color: #507EA1;
    color:#112233;
}
.tabtext{
    font-family:"Courier New","Arial";
    text-align: left;
    font-size: 13px;
    text-decoration: none
}
.clstitle {
    border-bottom:1px solid #69c;
    color: #234;
    font-size: 1.2em;
}
.taskTab{
    margin-top:1em;
    margin-right:1em;
    padding-top:2em;
    
}
.taskTab td {
    border-bottom:0px;
}
#taskTab1,#taskTab2,#taskTab3,#taskTab4,#goalTab {
    color: #234;
    font-size: 1.2em;
    height:6em;
    overflow:auto;
}
#goalTab {
    background-color: #dec;
    border:1px solid #369;
}
</style>
<script type="text/javascript">
window.onload=function(){
Nifty('div#header','transparent medium'); // medium rounded corners w/transparency for gradient background image
Nifty('div#nav,div#content','medium same-height'); //medium rounded corners, same height cols
Nifty('div#main_wrapper,div#footer','medium');  //medium rounded corners
AddCss ("style/niftyCorners.css"); // location of Nifty CSS file relative to this page
}
</script>

</head>

<body class="lime">
<div id="main_wrapper">

<div id="header">
    <div id="header_inner">
        <h1>个人信息管理系统 Personal Information Management System</h1>
    </div><!-- end header_inner -->
<div id="drop_down_menus">
<ul>
    <li><a href="index.html">首页</a>
    </li>
    <li><a href="tasks.html">Tasks</a>
         <ul>
            <li><a href="#">TODO List</a>   </li>
            <li><a href="#">Task management</a></li>
         </ul>
    </li>
    <li><a href="#">Users</a>
         <ul>
            <li><a href="#">User management</a> </li>
            <li><a href="#">Role management</a></li>
            <li><a href="#">Module management</a></li>
            <li><a href="#">Function management</a></li>
         </ul>
    </li>
    <li><a href="#">Admin</a>
         <ul>
            <li><a href="#">Tools</a>   </li>
            <li><a href="#">Backup</a></li>
            <li><a href="login.html">Logout</a></li>
         </ul>
    </li>
  </ul>
</div>
<div style="clear:both"></div>
</div><!-- end header -->
<div id="nav">
    <div id="nav_inner">
        <div align="left">
          <ul>
            <li><a href="index.html">首页</a></li>
            <li><a href="tasks.html">任务管理</a></li>
            <li><a href="users.html">用户管理</a></li>
            <li><a href="accounts.html">帐号管理</a></li>
            <li><a href="finance.html">财务管理</a></li>
            <li><a href="address.html">通讯录</a></li>
            <li><a href="meme.html">备忘录</a></li>
          </ul>
      </div>
    </div>
    <!-- end nav_inner -->
</div><!-- end nav -->

<div id="content">
    <div id="content_inner">
    <div align="center">
    
    <table width="100%" height="400" border="0" class="taskTab">
    <tbody>
        <tr><td class="clstitle">
        我的任务: <A HREF="item.htm?method=add">收集</A>&nbsp; 
        <A HREF="item.htm">处理</A>&nbsp; 
        <A HREF="task.htm">回顾</A>
        </td></tr>
        <tr><td align="center" valign="middle">
        <table width="90%" cellpadding="0" cellspacing="0">
         <tr>
            <td width="50%" class="tabtitle">
            1. <span title="Important &amp; Urgent">重要且紧急</span></td>
            <td class="tabtitle">
            2. <span title="Important &amp; Not Urgent">重要不紧急</span></td>
        </tr>
        <tr>
            <td  valign="top" style="background-color: rgb(255, 153, 102);">
             <div id="taskTab1"></div>
           </td>
            <td  valign="top" style="background-color: rgb(102, 221, 0);">
             <div id="taskTab2"></div>
             </td>
        </tr>
        <tr>
            <td class="tabtitle">
            3.<span title="Not Important &amp; Urgent">紧急不重要</span>
            </td>
            <td class="tabtitle">
            4.<span title="Not Important &amp;  Not Urgent">不紧急不重要</span>
            </td>
        </tr>
        <tr>
            <td  valign="top" style="background-color: rgb(255, 238, 221);">
             <div id="taskTab3"></div>
            </td>
            <td  valign="top" style="background-color: rgb(255, 238, 170);">
             <div id="taskTab4"></div>
             </td>
        </tr>
 </table>
        </td></tr>
        <tr><td class="clstitle">
                            我的目标
        </td></tr>
        <tr>
        <td align="center" valign="middle">
        <table width="90%" cellpadding="0" cellspacing="0">
        <tr class="tabtitle">
        <td>
        <select name="goalType" id="goalType">
        <option value="0">-- 所有目标 --</option>
        <option value="1">长期目标</option>
        <option value="2">中期目标</option>
        <option value="3">短期目标</option>
        <option value="4">本月目标</option>
        <option value="5">本周目标</option>
        <option value="6">当天目标</option>
        </select>      
        </td>
        </tr>
        <tr>
<td><div id="goalTab">

<li><a href="goal.htm?method=edit&goalID=1&goalType=2">旅游</a>

</div>
</td>
        </tr>
        </table> 
        </td></tr>
    </tbody>
</table>
    </div>
<SCRIPT LANGUAGE="JavaScript">




$("taskTab2").innerHTML = $("taskTab2").innerHTML + "<li>" + "药费报销";








$("taskTab1").innerHTML = $("taskTab1").innerHTML + "<li>" + "RBAC introduction";









$("taskTab1").innerHTML = $("taskTab1").innerHTML + "<li>" + "Model design of user/role/module";









$("taskTab1").innerHTML = $("taskTab1").innerHTML + "<li>" + "GW3.3.1 walk through";







</SCRIPT>
    </div><!-- end content_inner -->
</div><!-- end content -->
<div style="clear:both"></div>   <!-- to fix square-edge draw problem on rounded footer box in Safari - CSS-based clearing doesn't fix the problem in this case  -->
<div id="footer">
     <div id="footer_inner">
      <p>Copyright &copy; 2009-2010 <a href="mailto:walter.fan@gmail.com"><em>Walter Fan</em></a> all rights reserved. </p>
    </div><!-- end footer_inner -->
</div><!-- end footer -->

</div><!--end main wrapper-->

</body>
</html>
